<template>
	<view>
		<times @change="getTime"></times>
	</view>
</template>

<script>
	import times from '@/components/pretty-times/pretty-times.vue'
	export default {
		components: {
			times
		},
		data() {
			return {
				dataList: [],
			}
		},
		onLoad: function(options) {

		},
		onShow: function() {

		},
		methods: {
			getTime(e) {
				console.log(e)
				uni.setStorageSync('servicetime', e);
				uni.navigateBack({});
			}
		}
	}
</script>

<style lang="scss" scoped>
/deep/ .container {
	flex-direction: row;
	scroll-view {
		width: 40% !important;
		display: flex;
		flex-direction: column;
		height: auto !important;
		.flex-box {
			display: block !important;
			width: 100% !important;
			.date-box {
				flex-direction: row !important;
			}
		}
		.borderb {
			border: none !important;
		}
	}
	.time-box {
		width: 60%;
		height: 90vh;
		overflow-y: scroll;
		display: block;
		.item {
			width: 100% !important;
		}
	}
}
/deep/ .content {
	.bottom {
		padding: 20rpx 0;
		border-top: 2rpx solid #ddfddd;
		/deep/ tui-button {
			display: flex;
			align-items: center;
		}
	}
}
</style>
